<?php if(!IS_AJAX){?>
<include file="Public:header" />

<style>
	.panel-space .head-avatar img{ border-radius:50%;  box-shadow:0px 1px 4px rgba(0,0,0,0.14); padding:5px; background:white; overflow:hidden}
	.panel-space .head{ padding:5px; overflow:hidden; width:100%; height:150px; }
	.panel-space .head-avatar{ float:left; }
	.panel-space .head-info{ height:120px; float:left;color:#fff;position: absolute;padding-left: 130px;padding-right: 30px;}
	.panel-space .head-info ul{ margin-left:20px; font-size:12px;}
	.panel-space .main hr{ margin-top:4px; border:0;background-color:#bbb;height:1px;}
	.btn-space{color: #666;border: 1px solid #999;padding: 5px 8px;display: inline;background: linear-gradient(to bottom,#fdfdfd,#f2f2f2); border-top-left-radius:4px; border-top-right-radius:4px;}
	.btn-space.on{background:#fff; border-bottom-color:#fff;}
	.btn-space a{color:#999;}
	.panel-plus{ border:1px solid #ddd;}
	.panel-plus header{background: linear-gradient(to bottom,#fdfdfd,#f2f2f2);}
	.panel-plus img{ box-shadow:0 1px 4px rgba(0,0,0,0.14);}
	.panel-plus .main{display: block;width: 100%;overflow: hidden;max-height: 40px; float:left; max-width:80%;color:#333;}
	.panel-plus h5,.panel-plus h5 .dir-like{margin-top:0px;}
	.panel-plus .name{ height:20px; display:inherit; overflow:hidden;font-size: 14px;color: #333333;font-weight: bold;}
	.panel-plus .pagination{ margin-bottom:0}
	/*.panel-plus .dir-info .row:last-child{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #e8e8e8;}*/
	.zan {
    margin-right: 8px;
    border: 1px solid #b5b5b5;
    padding: 6px 7px;
    font-size: 14px;
    color: #7d7c84;
}
</style>

<div class="row">
    <div class="col-sm-7 col-md-8 col-lg-9">
		<div class="panel panel-default">
            <div class="panel-body panel-space" style="background:url(__PUBLIC__/Intesys/default/images/green.jpg) no-repeat; min-height:400px; background-size:100% 100px;">
                <div class="head">
                	<div class="head-avatar">
                    	<img src="<if condition="$list['img_url'] eq ''">__PUBLIC__/timg.jpg<else/>{$list['img_url']}</if>" height="120" width="120" />
                    </div>
                    <div class="head-info">
                    	<h5>{$list['name']}</h5>
                        <ul class="list-unstyled">
                        	<li><eq name="userInfo['sex']" value="0"><i class="fa icon-female" style="color:#febfbc;"></i><else/><i class="fa icon-male" style="color:#a9daff"></i></eq></li>
                            <li>{$userInfo['remark']?$userInfo['remark']:'这个人很懒 什么都没有留下'}</li>
                        </ul>
                        <!--<div class="btn btn-link pull-right" onClick="_openWindow('{:U('Member/edit')}',650, '修改个人资料', '确定',null,'')">修改资料</div>
                        <div class="btn btn-link pull-right" onClick="_openWindow('{:U('Member/editPwd')}',650, '修改密码', '退出',function(){ },'')">修改密码</div>-->
                    </div>
                </div>
                <div class="main">
                	<div>
                    	<div
                        data-position="bottom" data-intro="这里可以查看我的动态"
                         class="btn-space <if condition="isset($_GET['mine']) and $_GET['mine'] neq ''">on</if>"><a href="{:U('index', array('mine' => 1))}">我的动态</a></div>
                        <div data-position="bottom" data-intro="这里可以查看团队的动态" class="btn-space <if condition="!isset($_GET['mine'])">on</if>"><a href="{:U('index')}">团队动态</a></div>
                        
                        
                        
                    	<hr/>
                    </div>
                    
<form 
data-position="bottom" data-intro="这里可以发布日志"
class="addlog" action="{:U('Info/insert')}" method="post">
  
  <div class="form-group" style="position:relative;background:#e5e5e5;">
   
    <textarea class="form-control textarea-control" style="height:60px; background:#ccc;" data-emojiable="true" datatype="*"  nullmsg="内容不能为空" errormsg="不支持特殊字符" name="remark" placeholder="请输入内容！" cols="50" rows="6"></textarea>
    
    <div class="pull-left" style="margin-top:3px;"><iframe src="{:U('upload')}" appendto="#filebox" style="height:30px; vertical-align:top; width:170px;" scrolling="no" class="uploadiframe" filename="img_url[]"></iframe></div>
<button style="border-radius:0;" type="submit" class="btn btn-success pull-right">发布</button>
    <div class="clearfix"></div>
  </div><div id="filebox" class="dropzone" style=""></div>
  
  
  
 
  
  
  
</form>  
  

  
<!-- <hr> -->


                    	
                        	<!----------------------------------个人动态------------------------------------------>
                            
                            
                            
                            <ul class="ajaxdatalist activity-list" id="ajaxdatalistbox">
                            
                            </ul>
                            
                            
                            
                            <div class="PagesBox" id="ajaxdatalistboxpages"><?php echo $pages;?></div>
                
                
                <form action="<?php echo U('Info/index', array('mine' => $_GET['mine']));?>" id="ajaxdatalistboxform"></form>
                            
                            
                      
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-5 col-md-4 col-lg-3">
        <div class="panel panel-plus affixelement" data-position="left" data-intro="这里可以看到好友最新动态">
        
        
            <header class="panel-heading">好友动态</header>
            <div class="panel-body">
                <div class="dir-info">
                    <!----------------------------------好友动态------------------------------>
                    <div id="logListPlus">
                    </div>
                    <div id="logListPluspages" style="text-align:center;"></div>
                    <form action="{:U('Info_log/logListPlus')}" id="logListPlusform"><input type="hidden" name="member_id" value="{$list['id']}"></form>
                    
                    
                </div>

            </div>
        </div>
    </div>
</div>
<include file="Public:script" />
<script src="__PUBLIC__/Intesys/AdminX/js/EmojiPicker/lib/js/nanoscroller.min.js"></script>
<script src="__PUBLIC__/Intesys/AdminX/js/EmojiPicker/lib/js/tether.min.js"></script>
<script src="__PUBLIC__/Intesys/AdminX/js/EmojiPicker/lib/js/config.js"></script>
<script src="__PUBLIC__/Intesys/AdminX/js/EmojiPicker/lib/js/util.js"></script>
<script src="__PUBLIC__/Intesys/AdminX/js/EmojiPicker/lib/js/jquery.emojiarea.js"></script>
<script src="__PUBLIC__/Intesys/AdminX/js/EmojiPicker/lib/js/emoji-picker.js"></script>

<link rel="stylesheet" type="text/css" href="__PUBLIC__/Intesys/AdminX/js/EmojiPicker/css/default.css">

<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/bootstrap/css/font-awesome.min.css">
<link href="__PUBLIC__/Intesys/AdminX/js/EmojiPicker/lib/css/nanoscroller.css" rel="stylesheet">
<link href="__PUBLIC__/Intesys/AdminX/js/EmojiPicker/lib/css/emoji.css" rel="stylesheet">



<script>

$("#filebox").bind("DOMNodeInserted",function(e){
	$.ThinkBox.success('上传成功',{'delayClose':1000,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
});
$('#logListPlus').ajaxlist({success:function(){
	
}});
window.emojiPicker = new EmojiPicker({
			emojiable_selector: '[data-emojiable=true]',
			assetsPath: '__PUBLIC__/Intesys/AdminX/js/EmojiPicker/lib/img/',
			popupButtonClasses: 'fa icon-smile-o',
			iconSize : 18
		});
window.emojiPicker.discover();
 $('#ajaxdatalistbox').ajaxlist({nodata:'<p style="text-align:center">暂无动态</p>',loadmorenodata:'<p style="color:#ccc;">已经显示所有动态</p>',append:true,scrollload:true,success:function(){
	 // 初始化表情
	 
		window.emojiPicker.discover();
		
		
		 $('.blog-cmnt-list').each(function(index, element) {
			$(this).removeClass('blog-cmnt-list');
            $(this).ajaxlist({append:true, nodata:'<p style="text-align:center">暂无评论</p>',loadmore:'<a href="#link#">点击查看更多评论</a>',loadmorenodata:'<p style="color:#ccc;">已经显示所有评论</p>',success:function(){
				
				$('.emojitext').each(function(index, element) {
					$(this).remove('emojitext');
                    $(this).html(window.emojiPicker.unicodeToImage($(this).html()));
                });
				//评论加载完之后转换表情符号
				window.emojiPicker.discover();
				//$("html,body").animate({scrollTop:$.cookie("scroll_hidden")},100);
			}});
        });
		
		
		
		
		
	}});
	
	//表情
	
		$('.addlog').submit(function(e) {
            var data = $(this).serialize();
			$.ajax({
				url : $(this).attr('action'),
				data:data,
				dataType:"json",
				type:'POST',
				success: function(ret){
					if(ret.status == 1){
						$('.addlog .dropzone').html('');
						$('.addlog .textarea-control').html('');
						$('.addlog textarea').val('');
						$('#ajaxdatalistboxform').submit();
						$.ThinkBox.success(ret.info,{'delayClose':500,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
					}else{
						$.ThinkBox.error(ret.info,{'delayClose':500,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
					}
				}
			});
			return false;
        });
		
</script>


<style>
button{outline:none;}
.emoji-wysiwyg-editor.form-control.textarea-control{border:none; padding:8px; background:#EDEDED;}
.ajaxdatalist .emoji-picker-icon{margin-top:0; margin-left:20px;}
.emoji-picker-icon{position:relative; float:left; margin-left:20px; margin-top:3px;}
.emoji-wysiwyg-editor.textarea-control {
    min-height: 7em;
    resize: vertical;
}
.activity-list li .activity-desk .form-control{color:#999; border-radius:0; border:1px solid #ddd; margin:10px 0; background:#fff;}
.nav.nav-pills.p-option li{display:inline-block; width:auto; margin:0 5px; padding-bottom:0; border-bottom:none;}
.activity-list li .activity-desk h5{line-height:1.75em;color: #333;}
    .activity-list li .activity-desk{background:#fff; padding:10px; position:relative; border-radius:4px;box-shadow: 3px 3px 5px #b2aead;border: 1px solid #999999;}
	.activity-list li .activity-desk .arrow{
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 30px;
    margin-top: -10px;
	
    width: 0;
	border-right:8px solid #999;}
	.activity-list li .activity-desk .arrowfff{
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -6px;
    position: absolute;
    top: 30px;
    margin-top: -10px;
	
    width: 0;
	border-right:8px solid #fff;}
.text-muted a{color:#999; font-size:12px;}
.text-muted{color:#333;}
.activity-list li .pages li{padding:0; margin:0; width:auto; border:none;}
.PagesBox{text-align:center;}
.blog-cmnt .media-object-child{width:40px; height:40px;-webkit-border-radius:0;}
.blog-cmnt.media > .pull-left{margin-right:10px;}
.blog-cmnt .media-heading a{color:#689DCB; font-size:12px;}
.blog-cmnt .media-body span{padding-bottom:0;}
.blog-cmnt.media{margin-top:10px;}
.bl-status{float:none;}
.bl-status a{color:#999;}
.blog-cmnt .lead{margin-bottom:5px;}
.activity-list li{
	border-bottom:none !important;
	margin-bottom: 15px !important;
    margin-top: 15px !important;
    padding-bottom:0 !important;
	}
</style>
</body></html><?php }?>